<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../../css/我的分页/topbase.css">
    <script src="../../js/rem.js"></script>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1432742_hn9pn86x6r5.css">
    <link rel="stylesheet" href="../../css/我的分页/订单.css">
    <script src="../../js/jquery-1.11.3.min.js"></script>
    <link rel="stylesheet" href="../../css/animate.css">
</head>

<body>
    <header>
        <a class="animate bounceInRight" href="../我的易果.html"
        ><div class="iconfont icon-changyongtubiao-xianxingdaochu-zhuanqu-1"></div>
        </a>
        
        <h1>我的订单</h1>
    </header>
    <ul class="btn">
        <li class="active">全部</li>
        <li>待支付</li>
        <li>待收货</li>
        <li>评价</li>
    </ul>
    <ul class="show">
        <li class="bo">1
            <img class="nodingdan" src="../../image/dingdan_01.png" alt="">
            <p>您还没有相关的订单</p>
            <a href="../../首页.html"><div class="go">去逛逛</div></a>
        </li>
        <li>2
            <img class="nodingdan" src="../../image/dingdan_01.png" alt="">
            <p>您还没有相关的订单</p>
            <a href="../../首页.html"><div class="go">去逛逛</div></a>
        </li>
        <li>3
            <img class="nodingdan" src="../../image/dingdan_01.png" alt="">
            <p>您还没有相关的订单</p>
            <a href="../../首页.html"><div class="go">去逛逛</div></a>
        </li>
        <li>4
            <img class="nodingdan" src="../../image/dingdan_01.png" alt="">
            <p>您还没有相关的订单</p>
            <a href="../../首页.html"><div class="go">去逛逛</div></a>
        </li>
    </ul>
    <div class="content1">
        <h3>大家都在买</h3>
         <ul class="">
            <li>
                <div class="pic">
                     <img src="../../image/fenlei-2.png" alt="">
                </div>
               
                <p>新西兰阳光绿奇异果6个105-124g/个</p>
                <div>
                    <span>￥19.90</span><strong>+</strong>
                </div>
            </li>
            <li>
                <div class="pic">
                        <img src="../../image/fenlei-2.png" alt="">
                </div>
                
                <p>新西兰阳光绿奇异果6个105-124g/个</p>
                <div>
                    <span>￥19.90</span><strong>+</strong>
                </div>
            </li>
        </ul>
    </div>
   <script src="../../js/api.js"></script>
   <script src="../../js/jquery-1.11.3.min.js"></script>
   <script src="../../js/axios.min.js"></script>
    <script>
        // n为hash值
        let obj = location.search
        let n = obj[4]
        console.log(n);
        let i = 0
        if(n==0){
            i = 1;
        }else if(n==1){
            i=2
        }else if(n==2){
            i=3
        }else if(n==4){
            i=0
        }

        $(function(){
            $('.btn li').eq(i).addClass("active").siblings().removeClass('active')
            $(".show li").eq(i).addClass("bo").siblings().removeClass('bo')
            $(".btn li").click(function(){
                i= $(this).index();
                $(this).addClass("active").siblings().removeClass('active')
                $(".show li").eq(i).addClass("bo").siblings().removeClass('bo')
            });
        })
        //根据用户id展示所有订单
        $.post(goods_list_Api,{})
    </script>
</body>

</html>